/* 
    Document   : design
    Created on : 4 avr. 2012, 17:57:52
    Author     : Dell
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body{
    font-family: helvetica;
    text-align: center;
}

.header{
    border: 1px solid grey;
    -webkit-border-radius: 10px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 10px;
    -moz-border-radius-topright: 0;
    border-radius: 10px;
    border-top-right-radius: 0;
}

.content{
    padding: 10px;
    border:1px solid grey;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-image: url("../images/fond-bleu.jpg");
    background-size:100%;


}

.footer{
    background-color:black;
    text-align: center;
    color:white;
    width:100%;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.employeListe img{
    width: 20px;
    vertical-align: middle;
}
#addIcon{
    width: 20px;
}
.trait{
    border-top: solid 2px grey;
    margin-top: 5px;
    width:70%;
}
form .titleField{
    text-align: right;
}
.titlePage{
    border: 1px solid;
    font-size: x-large;
    font-style: italic;
    margin: 10px;
    padding: 5px;
}
.bouton {
    color:#000000;
    -moz-box-shadow: 5px 5px 5px #9b9b9b;
    -webkit-box-shadow: 5px 5px 5px #9b9b9b;
    -o-box-shadow: 5px 5px 5px #9b9b9b;
    box-shadow: 5px 5px 5px #9b9b9b;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #9b9b9b;
    background:#ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="ffffff", endColorstr="3531ff"); /* Pour IE seulement et mode gradient à linear */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#3531ff));
    background-image: -moz-linear-gradient(top center, #ffffff, #3531ff);
    background-image: -o-linear-gradient(top, #ffffff, #3531ff); /*uniquement en mode linear*/
}


.editEmploye{
    text-align: left;
}

/*tableau*/
.content .employeListe{
    border: 1px solid black;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 18%;

    font: 85% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
    padding: 0; 
    border-collapse: collapse; 
    color: #333; 
    background: #F3F5F7;
}
.content .employeListe td{
    padding: 5px;
}
.content .employeListe th{
    background: #3A4856; 
    padding: 15px 10px; 
    color: #fff; 
    text-align: left; 
    font-weight: normal;
}


.content .employeListe a {color: #3A4856; text-decoration: none; border-bottom: 1px solid #C6C8CB;}  

table a:visited {color: #777;}

.content .employeListe a:hover {color: #000;}  

.content .employeListe caption {text-align: left; text-transform: uppercase;  padding-bottom: 10px; font: 200% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;}


.content .employeListe tbody, .content .employeListe thead {border-left: 1px solid #EAECEE; border-right: 1px solid #EAECEE;}

.content .employeListe tbody {border-bottom: 1px solid #EAECEE;}

.content .employeListe tbody td, table tbody th {padding: 10px; background: url("td_back.gif") repeat-x; text-align: left;}

.content .employeListe tbody tr {background: #F3F5F7;}

.content .employeListe tbody tr.odd {background: #F0F2F4;}

.content .employeListe tbody  tr:hover {background: #EAECEE; color: #111;}

.content .employeListe tfoot td, table tfoot th, table tfoot tr {text-align: left; font: 120%  "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; text-transform: uppercase; background: #fff; padding: 10px;}
